<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://www.layuicdn.com/auto/layui.js" v="2.5.6" e="layui"></script>
</head>
<body>
<div class="layui-inline">
    <label class="layui-form-label">时间选择器</label>
    <div class="layui-input-inline">
        <input type="text" class="layui-input" id="test4" placeholder="HH:mm:ss">
    </div>
</div>
<script>
    layui.use(['laydate'], function(){
        var rate = layui.rate;
        var laydate = layui.laydate;
        //基础效果
        laydate.render({
            elem: '#test4'
            ,type: 'time'
        });
    })
</script>
</body>
</html>